.header-container
  // position: fixed
  // top: 0
  // right: 0
  // left: 0
  line-height: 50px
  background: #ffffff
  z-index: 99
  width: 100%
  height: 130px
  padding-top: 20px
  .logo-container
    width: 100%
    height: 60px
    width: 1200px
    margin: 0 auto
    display: flex
    align-items: center
    justify-content: space-between
    .logo-title
      display: flex
      align-items: center
      justify-content: space-between
      width: 286px
      height: 60px
      .logoImg
        width: 50px
        height: 50px
      .cityTitle
        width: 100px
        height: 30px
      p
        font-size: 28px
        color: #40584b
    .logo-user
      width: 575px
      height: 60px
      display: flex
      align-items: center
      justify-content: space-between
      img
        width: 18px
        height: 18px
      .logoDesign
        width: 160px
        height: 50px
        vertical-align: middle
      .bg-user
        background: url('/img/header/user.png') no-repeat left
        background-size: 15px
        width: 120px
        height: 50px
        padding-left: 24px
        margin-bottom: 5px
        a
          width: 15px
          height: 15px
          color: #000
          font-size: 14px
          line-height: 50px
          border-right: 2px solid #a2a2a2
          padding-right: 20px
      .bg-iphone
        background: url('/img/header/iphone.png') no-repeat left
        background-size: 15px
        width: 150px
        height: 50px
        padding-left: 10px
  .logo-nav-list
    width: 100%
    height: 40px
    background: #8ca82b
    margin-top: 25px
    .logo-nav
      width: 1200px
      height: 100%
      margin: 0 auto
      .logo-nav-city
        width: 228px
        height: 100%
        background: #708d0d
        float: left
        position: relative
        &:hover
          .cityList
            display: block
          p:nth-child(2)
            background: url('/img/header/select2.png') no-repeat right
            background-size: 15px
        .cityList
          display: none
          position: absolute
          top: 40px
          left: 0
          width: 430px
          height: 500px
          background: rgba(112,141,13,.7)
          color: #fff
          table
            width: 100%
            border-collapse: collapse
            tr
              border-top: 1px solid #fff
              &:nth-child(1)
                border-top: none
              th
                width: 80px
                border-right: 1px solid #fff
                font-size: 12px
              td
                a
                  padding: none
                  margin: 3px 7px
                  float: left
                  font-size: 12px
                  height: 30px
                  text-align: center
                  line-height: 30px
                  color: #fff
        p
          float: left
          line-height: 40px
          text-align: center
          color: #fff
          &:nth-child(1)
            background: url('/img/header/position.png') no-repeat left
            background-size: 15px
            font-size: 14px
            padding-left: 20px
            margin-left: 40px
            &:after
              content: ''
              border-right: 2px solid #fff
              margin: 0 18px
          &:nth-child(2)
            background: url('/img/header/select.png') no-repeat right
            background-size: 13px
            padding-right: 20px
            font-size: 14px
            width: 80px
      ul
        li
          float: left
          line-height: 40px
          position: relative
          &:hover
            background: #a5c532
            .listNav
              display: block
          &:nth-last-child(1)
            float: right
            margin-right: -30px
          a
            margin: 0 25px
            color: #fff
            text-align: center
          .listNav
            display: none
            position: absolute
            top: 40px
            left: 0
            width: 114px
            p
              width: 114px
              height: 40px
              background: #708d0d
              a
                text-align: center
                font-size: 12px
                line-height: 40px
                margin: 0
                padding: 0






